<template>
  <div class="setting">
    <template v-if="tabType == 'data'">
      <div class="card">
        <div class="title">内容设置</div>
        <div class="content">
          <el-form-item label="选择风格">
            <el-radio-group class="custom-radio-button" v-model="settingData.data.mode">
              <el-radio-button label="solid">
                <sa-icon icon="sa-shop-decorate-lineBlock-mode-1" />
              </el-radio-button>
              <el-radio-button label="dotted">
                <sa-icon icon="sa-shop-decorate-lineBlock-mode-2" />
              </el-radio-button>
              <el-radio-button label="dashed">
                <sa-icon icon="sa-shop-decorate-lineBlock-mode-3" />
              </el-radio-button>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="线条颜色">
            <dc-color-picker v-model="settingData.data.lineColor"></dc-color-picker>
          </el-form-item>
        </div>
      </div>
    </template>
  </div>
</template>

<script setup>
  import dcColorPicker from '../../common/dc-color-picker.vue';

  const props = defineProps(['settingData', 'tabType']);
</script>
